<!--{template "header"}-->

<!--{~logic('lunboad')->GetList()}-->

<script type="text/javascript">
var __Timer_lesser_auto_accuracy = {echo ini('ui.igos.litetimer') ? 'true' : 'false'};
var __Timer_lesser_worker_max = {echo (int)ini('ui.igos.litetimer_wm')};
</script>
<!--{~ui('loader')->js('@time.lesser')}-->
<!--{eval ui('igos')->load($product)}-->
<!--{~ui('iimager')->single_lazy()}-->
<script type="text/javascript">
var Tday = new Array();
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000
var DifferHour = -1
var DifferMinute = -1
var DifferSecond = -1
function clock(key)
  {
   var time = new Date()
   var hour = time.getHours()
   var minute = time.getMinutes()
   var second = time.getSeconds()
   var timevalue = ""+((hour > 12) ? hour-12:hour)
   timevalue +=((minute < 10) ? ":0":":")+minute
   timevalue +=((second < 10) ? ":0":":")+second
   timevalue +=((hour >12 ) ? " PM":" AM")
   var convertHour = DifferHour
   var convertMinute = DifferMinute
   var convertSecond = DifferSecond
   var Diffms = Tday[key].getTime() - time.getTime()
   DifferHour = Math.floor(Diffms / daysms)
   Diffms -= DifferHour * daysms
   DifferMinute = Math.floor(Diffms / hoursms)
   Diffms -= DifferMinute * hoursms
   DifferSecond = Math.floor(Diffms / Secondms)
   Diffms -= DifferSecond * Secondms
   var dSecs = Math.floor(Diffms / microsecond)
   
   if(convertHour != DifferHour) a1="剩余时间：<span class=digital>"+DifferHour+"</span>天";
   if(convertMinute != DifferMinute) b1="<span class=digital>"+DifferMinute+"</span>时";
   if(convertSecond != DifferSecond) c1="<span class=digital>"+DifferSecond+"</span>分"
     d1="<span class=digital>"+dSecs+"</span>秒"
     if (DifferHour>0) {a1=a1} 
     else {a1=''}
   document.getElementById(key).innerHTML = a1 + b1 + c1 + d1; //显示倒计时信息
  
  }
</script>
<style>
.w {
width: 1190px;
height: auto;
margin: 0 auto;
font-size:12px;
}
.clearfix:after{

content:"."; display:block; height:0; clear:both;

visibility:hidden;

}

*html .clearfix{

 height:1%;

}

*+html .clearfix{

 height:1%;

}
.Left {
float: left;
}
.Right {
float: right;
}
.lay590 {
	width:590px;

}
.lay590 .temai_block {
	height:185px;
	background:#fff;
	position: relative;
	margin-bottom:15px
}
.lay590 .temai_block .con .fl {
	height:180px;
	width:184px;
}

.lay590 .temai_block .con .fr {
	height:180px;
	width:406px;
}
.lay590 .temai_block .con .fl .top {
	height:80px;
	text-align:center;
	margin-bottom:20px
}
.lay590 .temai_block .con .fl .top img {
	margin:16px auto 12px auto
}
.lay590 .temai_block .con .fl .top .ttit {
	font-family:'Microsoft Yahei';
	color:#444
}
.lay590 .temai_block .con .fl .discount {
	color: #ff4500;
	font-family: 'Microsoft Yahei';
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	float:none;
	text-align:center;
	margin:0
}
.lay590 .temai_block .pos {
position: absolute;
}
.lay590 .temai_block .tit{
	left: 0;
	bottom: 9px;
	height: 26px;
	line-height: 26px;
	width: 590px;
}


.lay590 .temai_block .tit .fl {
text-align: center;
color: #999;
width: 184px;
}
.lay590 .temai_block .shadow {
padding-top: 180px;
_padding-top:0px;
height: 5px;
_height:0px;
background: url(images/shadow2.png) no-repeat 0 bottom;

}

.content-navbar ul li span {
	font-size: 18px;
	font-weight: 600;
	color: #333;
}
</style>
<div style="width:1190px;margin:0 auto;heigth:44px;">
<div class="content-navbar" id="content-navbar-id" style="width:1188px;">
<ul>

<li class="name-cur"><span id="product-ddc">电动车</span></li>
<script type="text/javascript">

</script>

<li ><span id="product-kjc" >酷车</span></li>
<li><span id="product-zxc">自行车</span></li>
<li><span id="product-tc">童车</span></li>
<li><span id="product-ddqc">电动汽车</span></li>
</ul>
<script type="text/javascript">
if(!($.browser.msie && $.browser.version<7)){
document.write('<script type="text/javascript" src="./js/side_follow.js"><'+'/script>');
}
$("#product-ddc").click(function() {
	$(this).parent("li").nextAll().removeClass("name-cur");
	$(this).parent("li").addClass("name-cur");
	document.getElementById("ddc").scrollIntoView();
	})
$("#product-kjc").click(function(){
	
$(this).parent("li").nextAll().removeClass("name-cur");
$(this).parent("li").prevAll().removeClass("name-cur");
$(this).parent("li").addClass("name-cur");
document.getElementById("kjc").scrollIntoView();
})
$("#product-zxc").click(function() {
$(this).parent("li").prevAll().removeClass("name-cur");
$(this).parent("li").addClass("name-cur");
document.getElementById("zxc").scrollIntoView();
})
$("#product-tc").click(function() {
$(this).parent("li").prevAll().removeClass("name-cur");
$(this).parent("li").nextAll().removeClass("name-cur");
$(this).parent("li").addClass("name-cur");
document.getElementById("tc").scrollIntoView();
})
$("#product-ddqc").click(function() {
$(this).parent("li").prevAll().removeClass("name-cur");

$(this).parent("li").addClass("name-cur");
document.getElementById("ddqc").scrollIntoView();
})

</script>

<div style="clear:both;"></div>
</div>
<script type="text/javascript">
if(!($.browser.msie && $.browser.version<7)){
$("#content-navbar-id").fixbox({distanceToBottom:200,threshold:8});
}
</script>
</div>
<!-- <div class="clear mt10"></div> -->

<!--{~logic('topic')->Get_ddc_list()}-->
<!--{~logic('topic')->Get_kc_list()}-->
<!--{~logic('topic')->Get_zxc_list()}-->
<!--{~logic('topic')->Get_tc_list()}-->
<!--{~logic('topic')->Get_ddqc_list()}-->


<!--{template "footer"}-->